/* Pointer */
.pointer {
	cursor: pointer !important;
}

/* Outline */
*:focus {
		outline: none;
}

/* Fix Ajax */
label.error {
	margin-top: 2px;
	margin-left: 10px;
	color: #ff5e3a;
	font-size: 0.9em;
}

/* Sweet Alert */
.sweet-alert.showSweetAlert {
	padding-bottom: 2rem;
}


#tLocutores_wrapper .dataTables_filter, #tLocutores_wrapper .pagination {
	display: none;
}



/* BS Colors */
.text-primary {
	color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
	color: #0062cc !important;
}

.text-secondary {
	color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
	color: #545b62 !important;
}

.text-success {
	color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
	color: #1e7e34 !important;
}

.text-info {
	color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
	color: #117a8b !important;
}

.text-warning {
	color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
	color: #d39e00 !important;
}

.text-danger {
	color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
	color: #bd2130 !important;
}

.text-light {
	color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
	color: #dae0e5 !important;
}

.text-dark {
	color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
	color: #1d2124 !important;
}

.radius, .b-radius {
	border-radius: 0.375rem;
}



@media (max-width: 767px) {
	.fixAndroid {
		margin:-12px;
	}
	.fixAndroidBox {
		margin:auto -18px;
		border:none;
		border-radius: 0px;
	}
	.aMH-18 {
		margin-left: -18px;
		margin-right: -18px;
	}
	.aMH-20 {
		margin-left: -20px;
		margin-right: -20px;
	}
}
@media (max-width: 639px){
	.search .search__input {
		width: 5rem !important;
	}
}



/* Magnific */
.mfp-wrap.custom-magnific-popup .mfp-content {
    height: 900px;
    max-height: 90vh;
    width: 900px;
    max-width: 90vw;
}




/* Tooltip */
/* it will work better with this box-sizing, you may adapt it to your needs */
/*html { box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit;
}*/

/* Tooltip hidden by default */
.simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"],
.minimalist-left-simpletooltip[aria-hidden="true"] {
  display: none;
}
/* position relative for containers */
.simpletooltip_container,
.minimalist-simpletooltip_container,
.minimalist-left-simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip,
.minimalist-simpletooltip,
.minimalist-left-simpletooltip {
  position: absolute;
  z-index: 666;
  width: 10em;
  border-radius: .5em;
  background: rgba( 0, 0, 0, .9 );
  color: #eee;
  padding: .5em;
  text-align: left;
  line-height: 1.3;
  
}
.simpletooltip,
.minimalist-simpletooltip {
  right: auto;
  left: 105%;
  top: .5em;
  margin-left: .5em;
  transform: translateY(-50%);
}
.minimalist-left-simpletooltip {
  right: 100%;
  left: auto;
  margin-right: .5em;
}
/* used pseudo-element to make arrows */
.simpletooltip::before,
.minimalist-simpletooltip::before,
.minimalist-left-simpletooltip::before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 10px;
  height: 10px;
}
.simpletooltip::before,
.minimalist-simpletooltip::before {
  box-sizing: border-box;
  top: 50%;
  left: -10px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-right: 10px solid rgba( 0, 0, 0, .9 );
  transform: translateY(-50%);
}
.minimalist-left-simpletooltip::before {
  top: .5em;
  right: -10px;
  margin-right: -10px;
  border: 10px solid transparent;
  border-left: 10px solid rgba( 0, 0, 0, .9 )
}

/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: mobile */
@media (max-width: 44.375em) {

  .simpletooltip,
  .minimalist-simpletooltip,
  .minimalist-left-simpletooltip  {
    bottom: 100%;
    top: auto;
    left: 50%;
	right: 0;
    margin: 0;
	margin-top: 0;
	margin-left: -5em;
    transform: translateY(-20px);
  }
  .simpletooltip::before,
  .minimalist-simpletooltip::before,
  .minimalist-left-simpletooltip::before  {
    bottom: -10px;
    top: auto;
	right: auto;
	left: 50%;
	margin-left: -10px;
    margin-bottom: -10px;
    border: 10px solid transparent;
    border-top: 10px solid rgba( 0, 0, 0, .9 );
    transform: none;
  }
}


.sweet-alert, select { color: #2d3748 !important; }


.dark .input { color:white !important; }



.dark .dark\:hidden {
  display: none !important;
}

.dark .dark\:visible {
  display: block !important;
}

.dark .wcs_button_label {
  color:#313a55 !important;
}

.only-xs { display:  none; }
.none-xs { display: block; }
@media (max-width: 480px) {
	.only-xs { display: block !important; }
	.none-xs { display: none !important; }
}


.pulsar_amarelo {
  animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }
  
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

.box.box-login {
  box-shadow: 0px 3px 20px #0000000b;
  --bg-opacity: 1;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.375rem;
  position: relative;
  backdrop-filter: blur(5px);
}

.dark .box.box-login {
  --bg-opacity: 1;
  background-color: #313a55;
  background-color: rgba(49, 58, 85, 0.7);
  backdrop-filter: blur(5px);
}